<div id="Tareas">
    <div id="TituloT">Tareas <img id="cerrar" src="../Imagenes/Cerrar-50.png" alt="" class="BA" onclick="Cambiar(3)"> </div>    
<div id="actions">
   <img src="../Imagenes/Left-40.png" class="prev"/>
   <img src="../Imagenes/Add-32.png" class="BA" id="addC" onclick="$( '#dialog-CrearT').dialog( 'open' );"/>
   <img src="../Imagenes/Right-40.png" class="next"/>
</div>
<div class="scrollable vertical">
    <div class="items">
        <div>
            <div class="item"><h3>Proyecto multimedia</h3>
                    <label class="Subtitulo"> 20/05/2011 </label>
                    <label class="descrip">Terminar proyecto de multimedia</label>
            </div>
            <div class="item"><h3>Hacer Mercado</h3>
                    <label class="Subtitulo"> 23/05/2011 </label>
                    <label class="descrip">Comprar carne, leche, mantequilla</label>
            </div>
            <div class="item"><h3>Presentar Tema de Tesis</h3>
                    <label class="Subtitulo"> 01/06/2011 </label>
                    <label class="descrip">Consultar con el profesor Wilmer las dudas.</label>
            </div>
            <div class="item"><h3>Pagar la Luz</h3>
                    <label class="Subtitulo"> 05/06/2011 </label>
                    <label class="descrip"></label>
            </div>
        </div>
        <div>
            <div class="item"><h3>Proyecto de Desarrollo</h3>
                    <label class="Subtitulo"> 07/07/2011 </label>
                    <label class="descrip">Ultima entrega del proyecto.</label>
            </div>
            
        </div>
      </div>  
        
        
        
    </div>    
</div>
<div id="dialog-CrearT" title="Crear Contacto">
	<p class="validateTips"></p>

	<form>
            <fieldset>
                    <label for="Titulo">Titulo</label>
                    <input type="text" name="Titulo" id="TituloT" class="text ui-widget-content ui-corner-all"/>
                    <label for="Descripcion">Descripcion</label>
                    <input type="text" name="Descripcion" id="DescripcionT" class="text ui-widget-content ui-corner-all" />
                    <label for="Fecha">Fecha</label>
                    <input type="text" name="Fecha" id="FechaT" value="" class="text ui-widget-content ui-corner-all" />
                    
                    
            </fieldset>
	</form>
    </div>

<script> 
// execute your scripts when DOM is ready. this is a good habit
$(function() {		
		
	// initialize scrollable with mousewheel support
	$(".scrollable").scrollable({ vertical: true, mousewheel: true });
        $("#FechaT").datepicker();	
	
});

         $(function() {
             var tarea = $( "#Tarea" ),
                 fecha = $( "#FechaT" ),
                 descripcion = $( "#DescripcionT" ),
                allFields = $( [] ).add( tarea ).add( fecha ).add( descripcion ),
                tips = $( ".validateTips" ); 
        
    function updateTips( t ) {
			tips
				.text( t )
				.addClass( "ui-state-highlight" );
			setTimeout(function() {
				tips.removeClass( "ui-state-highlight", 1500 );
			}, 500 );
		}
                
    function checkLength( o, n, min, max ) {
			if ( o.val().length > max || o.val().length < min ) {
				o.addClass( "ui-state-error" );
				updateTips( "El " + n + " no puede estar vacio" );
				return false;
			} else {
				return true;
			}
		}
     function checkRegexp( o, regexp, n ) {
			if ( !( regexp.test( o.val() ) ) ) {
				o.addClass( "ui-state-error" );
				updateTips( n );
				return false;
			} else {
				return true;
			}
		}
       function checkClaves( a,b ) {
           if ( a.val() != b.val()) {
				a.addClass( "ui-state-error" );
                                b.addClass( "ui-state-error" );
				updateTips( "Las Claves no son iguales" );
				return false;
			} else {
				return true;
			}
		}
         $("#dialog-CrearT").css("visibility","visible");      
    $( "#dialog-CrearT" ).dialog({
			autoOpen: false,
			height: 300,
			width: 300,
			modal: true,
                   	buttons: {
				"Crear": function() {
                                    
					var bValid = true;
					allFields.removeClass( "ui-state-error" );

					bValid = bValid && checkLength( titulo, "Titulo", 1, 800 );
                                        bValid = bValid && checkLength( fecha, "Fecha", 1, 800 );
					if ( bValid ) {

                               
                                               /* $.post("../Controlador/crear_evento.php",{titulo:titulo.val(),tipo:tipo.val(),fecha:ini.val(),fechafin:fin.val(),ubicacion:direccion.val(),recordatorio:recordatorio.val(),frecuencia:frec.val(),descripcion:descripcion.val()},function(data){
                                                   
                                                    alert(data);
                                                });*/
                                                
						$( this ).dialog( "close" );
					}
				},
				Cancel: function() {
					$( this ).dialog( "close" );
				}
			},
			close: function() {
				allFields.val( "" ).removeClass( "ui-state-error" );
                                updateTips( "" );
                                UpdateCal();
			}
		});
                
});
</script> 